<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-3.5.0.min.js"></script>
</head>
<body>
<h1>品牌搜索</h1>
<form action="/uploadFile" method="post" enctype="multipart/form-data">
    <p>选择文件: <input type="file"
                    name="file"/></p>
    <p><input type="submit" value="提交"/></p>
</form>
<!--选择文件: <input type="file" id="file"-->
<!--             name="file"/>-->
<!--<input type="button" id="button" value="提交" >-->

</body>
<script type="text/javascript">
    $(function () {
        $("#button").click(function () {
            var form = new FormData();
            form.append("file", document.getElementById("file").files[0]);
            $.ajax({
                url: "/uploadFile",        //后台url
                data: form,
                cache: false,
                async: false,
                type: "POST",                   //类型，POST或者GET
                dataType: 'json',              //数据返回类型，可以是xml、json等
                processData: false,
                contentType: false,
                success: function (data) {      //成功，回调函数
                    if (data.result == 1) {
                        $("#url").html(data.url);
                        alert("成功！")

                    } else {
                        alert("失败");
                    }

                },
                error: function (er) {          //失败，回调函数
                    alert(er);
                }
            });

        })

    })

</script>
</html>